<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://xmlns.jcp.org/jsf/html"
      xmlns:ui="http://xmlns.jcp.org/jsf/facelets">
    <h:head>
    </h:head>
    <h:body>
        <ui:composition template="template/masterLayout.xhtml">
            <ui:define name="pagetitle">
                Login
            </ui:define>
            <ui:define name="pagetitleheading">
                Login
            </ui:define>
            <ui:define name="content">
                <p>
                    <h:outputText styleClass="#{userPatientBean.styleMessage}" value="#{userPatientBean.message}"/>
                </p>                
                <div class="login padding10">
                    <h:form>
                        <fieldset>
                        <p>
                            <h:outputLabel for="username">User Name</h:outputLabel><br/>
                            <h:inputText id="username" value="#{userPatientBean.userName}"/>
                        </p>
                        <p>
                            <h:outputLabel for="password">Password</h:outputLabel><br/>
                            <h:inputSecret id="password" value="#{userPatientBean.userPass}"/>
                        </p>
                        <p>
                            <h:commandButton value="Login"  styleClass="button-submit" action="#{userPatientBean.login}"/>
                        </p>
                        </fieldset>    
                    </h:form>
                </div>
            </ui:define>
        </ui:composition>
    </h:body>
</html>

